var uploader;
var settings = {
    runtimes : 'flash', //su dung flash de upload                
    upload_path: '/files/products',
    //runtimes : 'html5',
    max_file_upload: 4, //so luong file cho phep
    max_file_temp: 0, // khi upload thanh cong bien nay se tang len 1               
    browse_button : 'pickfiles', //but de browse anh
    container: 'container', //div container
    max_file_size : '5MB', //dung luong toi da cho phep
    url : '/upload.php',
    flash_swf_url : '/plupload/js/plupload.flash.swf', //link flash
    create_thumb: true,
    filters : [ // cac dinh dang cho phep
        {
            title : "Image files", 
            extensions : "jpg,gif,png"
        }
    ],
    init: {
        QueueChanged: function(up) {            
            if (settings.max_file_temp > 0) {
                uploader.start();
            }
        },
        FilesAdded: function(up, files) {                        
            if ((files.length + settings.max_file_temp) <= settings.max_file_upload) {
                plupload.each(files, function(file) {
                    if (settings.max_file_temp >= settings.max_file_upload) {
                        file.status = 0; // khong dua vao Queue
                    }
                    if (file.status == 1) {
                        settings.max_file_temp++;
                    }
                });
            } else {
                plupload.each(files, function(file) {
                    file.status = 0; // khong dua vao Queue
                });
                alert('Số ảnh không vượt quá ' + settings.max_file_upload + ' ảnh!');
            }
        },
        FileUploaded: function(up, file, info) {
            if (settings.create_thumb) {
                var json = $.parseJSON(info.response);                            
                src = '/plupload/lib/phpThumb/phpThumb.php?src=/' + settings.upload_path + '/' + json.filename + '&w=100&h=100&q=100';
                var html = '<div id="thumb_' + json.imageid + '" class="thumb"><div class="thumb_cell"><img src="' + src + '" alt="" title="" /><a title="Remove" filename="' + json.filename + '" id="' + json.imageid + '" class="remove"></a></div></div>';

                $('#thumbnails').append(html);
                //tao su kien xoa anh cho icon delete
                removeImage(json.imageid, settings.upload_path);                
            }            
            $('input#thumbnail').val(json.filename);
        },
        Error: function(up, args) {
            switch (args.code) {
                case -600:
                    alert('Bạn chỉ được ảnh với dung lượng <= ' + settings.max_file_size)
                    break;
                case -601:
                    str = 'Bạn chỉ được chọn file với phần mở rộng [';
                    for (i = 0; i < settings.filters.length; i++) {
                        str+=settings.filters[i].extensions + ',';
                    }                    
                    str += ']';
                    alert(str)
                    break;
                default:
                    alert('Error khong xac dinh: ' + args.code);
                    //alert(args.code);
                    break;
            }

        }
    }
};


function removeImage(id, upload_path) {
    $('a.remove#'+id).click(function(){        
        if(!confirm('Bạn thực sự muốn xóa ảnh đã chọn?')) {
            return;
        }
        $.ajax({
            type: 'POST',
            url: '/delete_image.php',
            data: {
                id: $(this).attr('id'),
                filename: $(this).attr('filename'),
                path: upload_path
            },
            success: function(data, textStatus, jqXHR) {                
                $('div#thumb_' + id).fadeOut(800, function(){
                    $(this).remove();
                });
                settings.max_file_temp--;
                $('#thumbnail').val('');
            }
        });
    });
}